<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>
<%@taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<tags:header></tags:header>

					<div id="example">
    	<kendo:tabStrip name="tabStrip">
	<kendo:tabStrip-items>
	    <kendo:tabStrip-item text="Cặp vợ chồng" selected="true">
			<kendo:tabStrip-item-content>
					    <div class="demo-section k-content">
			            <form method="post" action="<c:url value='/upload/' />">    
		    				
						    	<ul class="fieldlist">
						    		<li style="color: #FF6060"><span><h3 style="margin-top: 0px !important;">CÔNG CHỨNG HỢP ĐỒNG THUÊ TÀI SẢN LÀ ĐỘNG SẢN(Cặp vợ chồng)</h3></span></li>
						    		 
						            <li>
						                <label for="simple-input">Người đăng kí: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${name}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Số CMND: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${idCardNumber}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Địa chỉ: <input class="user_input_complex" type="text" class="k-textbox" value="${address}" readonly/> </label>
						                
						            </li>           
						            <li>
						                <label for="simple-input">Số điện thoại: <input class="user_input_complex" type="text" class="k-textbox" value="${phone}" readonly/> </label>                
						            </li>         
						            <li>
						                <label for="simple-input">Email: <input class="user_input_complex" type="text" class="k-textbox" value="${email}" readonly/> </label>                
						            </li>
						             <li>
							              <input type="radio" name="tab1_service" id="tab1_service1" class="k-radio" checked="checked">
							              <label class="k-radio-label" for="service1">Không sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
							          <li>
							              <input type="radio" name="tab1_service" id="tab1_service2" class="k-radio">
							              <label class="k-radio-label" for="service2">Sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
						        </ul>
						        </br>
						        <p><b>Văn bản chính: </b></p>
						        <kendo:upload name="tab1_file_Main" />
						        
						        <p><b>Văn bản liên quan: </b></p>
						        <p><span class = "required_document_label">1.Giấy chứng nhận quyền sở hữu tài sản.</span></p>
						        <kendo:upload name="tab1_file_one" />        
						        <p><span class = "required_document_label">2.Chứng minh nhân dân hoặc hộ chiếu (cả vợ và chồng)</span></p>
						        <kendo:upload name="tab1_file_two" />        
						        <p><span class = "required_document_label">3. Sổ Hộ khẩu ( cả vợ và chồng)</span></p>
						        <kendo:upload name="tab1_file_three" />
						        <p><span class = "required_document_label">4. Giấy tờ chứng minh quan hệ hôn nhân .</span></p>
						        <kendo:upload name="tab1_file_four" />
						        <p><span class = "required_document_label">5. Phiếu yêu cầu công chứng do một trong hai bên yêu cầu ( theo mẫu cung cấp tại VPCC Hồ Gươm ).</span></p>
						        <kendo:upload name="tab1_file_five" />
			
			
						            <input type="submit" value="Submit" class="k-button k-primary" style="margin-top: 16px" />
						        </p>
						</form>
										
				    </div>
						
		    </kendo:tabStrip-item-content>    
	    </kendo:tabStrip-item>
	    
	    <!-- ------------------------------------- -->
        <kendo:tabStrip-item text="Độc thân">
            <kendo:tabStrip-item-content>
               <div class="demo-section k-content">
			            <form method="post" action="<c:url value='/upload/' />">    
		    				
						    	<ul class="fieldlist">
						    		<li style="color: #FF6060"><span><h3 style="margin-top: 0px !important;">CÔNG CHỨNG HỢP ĐỒNG THUÊ TÀI SẢN LÀ ĐỘNG SẢN (độc thân) </h3></span></li>
						    		 
						            <li>
						                <label for="simple-input">Người đăng kí: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${name}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Số CMND: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${idCardNumber}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Địa chỉ: <input class="user_input_complex" type="text" class="k-textbox" value="${address}" readonly/> </label>
						                
						            </li>           
						            <li>
						                <label for="simple-input">Số điện thoại: <input class="user_input_complex" type="text" class="k-textbox" value="${phone}" readonly/> </label>                
						            </li>         
						            <li>
						                <label for="simple-input">Email: <input class="user_input_complex" type="text" class="k-textbox" value="${email}" readonly/> </label>                
						            </li>
						              <li>
							              <input type="radio" name="tab2_service" id="tab2_service1" class="k-radio" checked="checked">
							              <label class="k-radio-label" for="tab2_service1">Không sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
							          <li>
							              <input type="radio" name="tab2_service" id="tab2_service2" class="k-radio">
							              <label class="k-radio-label" for="tab2_service2">Sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
						        </ul>
						        </br>
						        <p><b>Văn bản chính: </b></p>
						        <kendo:upload name="tab2_file_Main" />
						        
						        <p><b>Văn bản liên quan: </b></p>
						        <p><span class = "required_document_label">1.Giấy xác nhận tình trạng hôn nhân ( nếu từ trước tới nay sống độc thân )</span></p>
						        <kendo:upload name="tab2_file_one" />        
						        <p><span class = "required_document_label">2. Bản án ly hôn + Giấy xác nhận tình trạng hôn nhân ( nếu đã ly hôn )</span></p>
						        <kendo:upload name="tab2_file_two" />        
						        <p><span class = "required_document_label">3. Giấy chứng tử của vợ hoặc chồng + Giấy xác nhận tình trạng hôn nhân (nếu vợ hoặc chồng đã chết trước khi có tài sản).</span></p>
						        <kendo:upload name="tab2_file_three" />
						        <p><span class = "required_document_label">4. Giấy tờ chứng minh tài sản riêng do được tặng cho riêng, do được thừa kế riêng hoặc có thoả thuận hay bản án phân chia tài sản ( Hợp đồng tặng cho, văn bản khai nhận thừa kế, thoả thuận phân chia, bản án phân chia tài sản )</span></p>
						        <kendo:upload name="tab2_file_four" />
						        <p><span class = "required_document_label">5. Hợp đồng uỷ quyền ( Nếu có ).</span></p>
						        <kendo:upload name="tab2_file_five" />
						            <input type="submit" value="Submit" class="k-button k-primary" style="margin-top: 16px" />
						        </p>
						</form>
										
				    </div>
							
            </kendo:tabStrip-item-content>    
        </kendo:tabStrip-item>
	    <!-- ------------------------------------- -->
        <kendo:tabStrip-item text="Pháp thân">
            <kendo:tabStrip-item-content>
                 <div class="demo-section k-content">
			            <form method="post" action="<c:url value='/upload/' />">    
		    				
						    	<ul class="fieldlist">
						    		<li style="color: #FF6060"><span><h3 style="margin-top: 0px !important;">CÔNG CHỨNG HỢP ĐỒNG THUÊ TÀI SẢN LÀ ĐỘNG SẢN (pháp thân) </h3></span></li>
						    		 
						            <li>
						                <label for="simple-input">Người đăng kí: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${name}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Số CMND: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${idCardNumber}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Địa chỉ: <input class="user_input_complex" type="text" class="k-textbox" value="${address}" readonly/> </label>
						                
						            </li>           
						            <li>
						                <label for="simple-input">Số điện thoại: <input class="user_input_complex" type="text" class="k-textbox" value="${phone}" readonly/> </label>                
						            </li>         
						            <li>
						                <label for="simple-input">Email: <input class="user_input_complex" type="text" class="k-textbox" value="${email}" readonly/> </label>                
						            </li>
						            <li>
							              <input type="radio" name="tab3_service" id="tab3_service1" class="k-radio" checked="checked">
							              <label class="k-radio-label" for="tab3_service1">Không sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
							          <li>
							              <input type="radio" name="tab3_service" id="tab3_service2" class="k-radio">
							              <label class="k-radio-label" for="tab3_service2">Sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
						        </ul>
						        </br>
						        <p><b>Văn bản chính: </b></p>
						        <kendo:upload name="tab3_file_Main" />
						        
						        <p><b>Văn bản liên quan: </b></p>
						        <p><span class = "required_document_label">1. Giấy tờ sở hữu tài sản thế chấp, cầm cố, bảo lãnh.</span></p>
						        <kendo:upload name="tab3_file_one" />        
						        <p><span class = "required_document_label">2. Quyết định thành lập pháp nhân/ Đăng ký kinh doanh.</span></p>
						        <kendo:upload name="tab3_file_two" />        
						        <p><span class = "required_document_label">3. Quyết định bổ nhiệm người đứng đầu pháp nhân (đại diện theo pháp luật của pháp nhân) hoặc giấy tờ uỷ quyền đại diện của pháp nhân nếu uỷ quyền.</span></p>
						        <kendo:upload name="tab3_file_three" />
						        <p><span class = "required_document_label">4. Chứng minh nhân dân, Hộ chiếu (nếu là người nước ngoài, người Việt Nam định cư ở nước ngoài) hoặc giấy tờ hợp lệ của người đại diện pháp nhân.</span></p>
						        <kendo:upload name="tab3_file_four" />
						  
						      
						            <input type="submit" value="Submit" class="k-button k-primary" style="margin-top: 16px" />
						        </p>
						</form>
										
				    </div>
	
            </kendo:tabStrip-item-content>    
        </kendo:tabStrip-item>
	    <!-- ------------------------------------- -->
    </kendo:tabStrip-items>
</kendo:tabStrip>
</div>
  <div>
<c:if test="${!files.isEmpty()}">
	<ul>
	    <c:forEach var="file" items="${files}">
         <li>
            ${file.getOriginalFilename()} (${file.getSize()} bytes)
         </li>
	    </c:forEach>
	</ul>
</c:if>

<c:if test="${files.isEmpty()}">
-- None --
</c:if>
</div>
<tags:footer></tags:footer>
